<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本信息</title>
    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/common.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
    <link href="{$Think.config.RESOURCEURL}wx_assets/iconfont/iconfont.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/zepto.alert.css" />
    <script src="{$Think.config.RESOURCEURL}wx_assets/personCenter/js/mediaQuery.min.js{$Think.config.RESOURCE_VER}"></script>
    <script type='text/javascript' src='{$Think.config.RESOURCEURL}wx_assets/js/zepto.1.1.3.min.js'></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.alert.js" type="text/javascript"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/util.js{$Think.config.RESOURCE_VER}"></script>
    <style>
      .user-info {
        background: #f2f2f2;
      }
        .rDialog-wrap {
            font-size: .36rem;
        }
        article {
            margin: 0 auto;
        }
        article .imgbox {
            height: 3.83rem;
            font-size: .26rem;
            background-size: cover;
        }
        article ul li {
            display: flex;
            justify-content: space-between;
            font-size: .26rem;
            line-height: .8rem;
            padding:0 10px;
            margin-top: .3rem;
            position:relative;
            background: #fff;
        }
        .iconfont {
            font-family: 'iconfont' !important;
            color:#8f8d8e;
            font-size:.3rem;
        }
    </style>
</head>
<body class="user-info">
<!--<header>-->
    <!--<h3>-->
        <!--<a onclick="history.go(-1);">-->
            <!--<img src="{$Think.config.RESOURCEURL}wx_assets/personCenter/images/go_back.png{$Think.config.RESOURCE_VER}" alt="">-->
        <!--</a>-->
        <!--基本信息-->
    <!--</h3>-->
<!--</header>-->
<article>
    <if condition="$personCenterInfo.registerExplainPic eq ''">
        <div class="imgbox" style="background: url({$Think.config.RESOURCEURL}wx_assets/personCenter/images/msg_bg.png{$Think.config.RESOURCE_VER}) center no-repeat;background-size: cover;"></div>
        <else/>
        <div class="imgbox" style="background: url({$personCenterInfo.registerExplainPic}) center no-repeat;background-size: cover;"></div>
    </if>
    <form id="userinfoform">
        <ul>
            <li class="item" data-type="changeName">
                <div>
                  <i class="iconfont">&#xe663;</i>
                  <span>姓名：{$data.fullName}</span>
                </div>
                <i class="iconfont">&#xe863;</i>
            </li>
            <li class="item" data-type="changePhone">
              <div>
                <i class="iconfont">&#xe627;</i>
                <span>手机号：{$data.phone}</span>
              </div>
              <i class="iconfont">&#xe863;</i>
            </li>
            <li class="item" data-type="changePassword">
              <div>
                <i class="iconfont">&#xe6b2;</i>
                <span>密码修改</span>
              </div>
              <i class="iconfont">&#xe863;</i>
            </li>
        </ul>
    </form>
</article>
<script>
    function Page() {};

    $.extend(Page.prototype, {
        init: function () {
            this.bindEvents();
            if (sessionStorage.getItem('refresh') === 'true') {
              location=location;
              sessionStorage.setItem('refresh', 'false');
            }
            // if ($.util.getUa() !== 'weixin' && !$.util.cookie('token')) {
            //   location.href = '{$Think.config.SERVER_HOST}call.html?customerId={$customerId}&module=personCenter&method=login'
            // }
        },

        // 绑定事件
        bindEvents: function() {
            $('.item').click($.proxy(this.handleItemClick, this));
        },

        handleItemClick: function(event) {
          var type = $(event.currentTarget).data('type');
          location.href = '{$Think.config.SERVER_HOST}call.html?customerId={$customerId}&module=personCenter&method=' + type;
        }
    }) ;

    var page = new Page();
    page.init();
</script>
</body>
</html>
